<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //1、ES6新增了字符串Api
        // includes()：返回布尔值，表示是否找到了参数字符串。 
        // startsWith()：返回布尔值，表示参数字符串是否在原字符串的头部。 
        // endsWith()：返回布尔值，表示参数字符串是否在原字符串的尾部。
        let str = "hello.vue"; 
        console.log(str.startsWith("hello"));//true 
        console.log(str.endsWith(".vue"));//true 
        console.log(str.includes("e"));//true 
        console.log(str.includes("hello"));//true

        //2、字符串模板
        //1)多行字符串
        let moreRowsStr = `
                            <div>
                                <span>hello</span>
                            </div>
                        `;
        console.log(moreRowsStr);//可将字符串内容全部输出，包括空格和缩进

        //2)字符串插入变量和表达式。
        //变量名写在 ${} 中，${} 中可以放 入 JavaScript 表达式。
        let name = "张三"; 
        let age = 18;
        let info = `我是${name}，今年${age}了`; 
        console.log(info);//我是张三，今年18了

        //3)字符串中调用函数
        function testStrInvokeFunc(){
            return "这是一个测试函数";
        }
        let invokeFuncStr = `我即将调用testStrInvokeFunc函数，输出结果==>【${testStrInvokeFunc()}】`;
        console.log(invokeFuncStr);//我即将调用testStrInvokeFunc函数，输出结果==>【这是一个测试函数】
    </script>
</body>
</html>